window.onload=function(){
    var friend=document.getElementById("friend");
    var liobj=friend.getElementsByTagName("li");
     var hope=document.getElementById("hope");
     var ulobj=hope.getElementsByTagName("ul");
     // var objli=ulobj[i].getElementsByTagName("li");
     var card=document.getElementById("card");
     var i=0;
        for(i=0;i<liobj.length;i++){
            liobj[i].index=i;
            liobj[i].onmouseenter=function(){
                for(i=0;i<liobj.length;i++){
                    liobj[i].className="";
                    ulobj[i].style.display="none";
            }
                this.className="tavle";
                ulobj[this.index].style.display="block";
         }
    }
    // for( var j=0;j<objli.length;j++){
    //     objli[j].onmouseenter=function(){
    //         this.inn erHTML=card;
    //     }
    // }
}
    // table结束
    function show(objli,objul ){
    var input1=document.getElementById(objli);
    var option=document.getElementById(objul);
        input1.onclick=function(){
            if(input1.checked){
            option.style.display="block";
        }else{
            option.style.display="none";
        }
    }
}
show("input1","option");
show("faPiao","kuaiDi");
show("youHui","input5")